import { Component } from 'react'
import Head from '../components/Head';
import {  Navigate,Outlet} from 'react-router-dom'

// 如果需要在uc组件当中渲染 匹配的嵌套在uc里面的子路由 需要使用 outlet
class Uc extends Component {

    state = {
        isLogin:true // 尝试的时候 手动的切换一下 isLogin的值来测试 Navigate
    }

   
    render(){
        // 如果没有登录的时候 我们可以使用 Navigate实现 重定向 到另外一个页面
        if(!this.state.isLogin)    return <Navigate to="/login"></Navigate>
        return (
                <div> 
                    <Head /> 
                    用户中心
                    <hr />
                    {/* 在Outlet当中渲染对应匹配的嵌套的子路由 */}
                    <Outlet />
                </div>
            )
      
    }
}

export default Uc;